import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import startup from '@/components/startup'
import processTask from '@/components/processTask'
import backEnd from '@/components/backEnd'
import upload from '@/components/upload'
import taskExample from '@/components/taskExample'
import handle from '@/components/handle'
import formOne from '@/components/formOne'
import formData from '@/components/formData'
import formTemplate from'@/components/formTemplate'
import seeData from'@/components/seeData'
import formTemplateTwo from'@/components/formTemplateTwo'
import taskCompletion from'@/components/taskCompletion'
Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Hello',
      component: HelloWorld
    },{
      path: '/startup',
      name: 'startup',
      component: startup
    },
    {
      path: '/processTask',
      name: 'processTask',
      component: processTask
    },
    {
    	path:'/backEnd',
    	name:'backEnd',
    	component:backEnd
    },
    {
    	path:'/upload',
    	name:'upload',
    	component:upload
    },
    {
    	path:'/taskExample',
    	name:'taskExample',
    	component:taskExample
    },
    {
    	path:'/handle',
    	name:'handle',
    	component:handle
    },
    {
    	path:'/formOne',
    	name:'formOne',
    	component:formOne
    },
    {
    	path:'/formData',
    	name:'formData',
    	component:formData
    },
    {
    	path:'/formTemplate',
    	name:'formTemplate',
    	component:formTemplate
    },
    {
    	path:'/seeData',
    	name:'seeData',
    	component:seeData,
    },
    {
    	path:'/formTemplateTwo',
    	name:'formTemplateTwo',
    	component:formTemplateTwo,
    },{
    	path:'/taskCompletion',
    	name:'taskCompletion',
    	component:taskCompletion,
    }
  ]
})
